<template>
  <a-row type="flex" :gutter="16">
    <a-col class="wish-design-dashboard-analysis-chartCard mb16" :xs="24" :sm="24" :md="24" :lg="18" :xl="18">
      <MonitorGdp></MonitorGdp>
    </a-col>
    <a-col class="wish-design-dashboard-analysis-chartCard mb16" :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
      <MonitorCompletionRate class="mb16"></MonitorCompletionRate>
      <MonitorKpi></MonitorKpi>
    </a-col>
  </a-row>
</template>
<script lang='ts'>
import { defineComponent } from 'vue'
import MonitorGdp from './component/gdp.vue'
import MonitorCompletionRate from './component/completion-rate.vue'
import MonitorKpi from './component/kpi.vue'
export default defineComponent({
  name: 'DashboardMonitor',
  components: {
    MonitorGdp,
    MonitorCompletionRate,
    MonitorKpi,
  },
  setup() {},
})
</script>